<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>促销</title>
    <link rel="stylesheet" href="../../bootstrap-3.4.1-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../../css/cuxiao.css">
    <link rel="stylesheet" href="../../css/A3.css" />

    <script>
        //板块一，查看活动类型数据
        var cx_activity = [{
                ID: 1,
                name: '打折',
                content: '打折',
                type: '开启'
            }, {
                ID: 2,
                name: '打折',
                content: '打折',
                type: '开启'
            }, {
                ID: 3,
                name: '打折',
                content: '打折',
                type: '开启'
            }, {
                ID: 4,
                name: '打折',
                content: '打折',
                type: '开启'
            }, {
                ID: 5,
                name: '打折',
                content: '打折',
                type: '开启'
            }, {
                ID: 6,
                name: '打折',
                content: '打折',
                type: '开启'
            }, {
                ID: 7,
                name: '打折',
                content: '打折',
                type: '开启'
            }, {
                ID: 8,
                name: '打折',
                content: '打折',
                type: '开启'
            }, ]
            //板块二，查看活动列表
        var active = [{
            id: 100001,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100002,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100003,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100004,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100005,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100006,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100007,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100008,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100009,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100010,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100011,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100012,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100013,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100014,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100015,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100016,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100017,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100018,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100019,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100020,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100021,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100022,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }, {
            id: 100023,
            name: '3.8节8.88折',
            kind: '打折',
            start: '2019-3-8',
            end: '2019-3-9',
            remark: '仅一天',
            type: '开启'
        }]
    </script>
</head>


<body>
    <!-- 公共部分头部 -->
    <header id="gonggong_header">
        <div id="gonggong_user">
            <div>
                <a href=""><i class="glyphicon glyphicon-user"></i></a>
            </div>
            <div id="gonggong_username">
                <p>姓名: <span>1</span></p>
                <p>工号: <span>1</span></p>
            </div>
        </div>
        <div id="login_out">
            <p>退出</p>
        </div>
    </header>
    <!-- 公共部分尾部part -->
    <div id="gonggong_content">
        <!-- 公共部分侧边栏 part1-->
        <div id="gonggong_left">
            <ul class="nav nav-tabs nav-stacked navbar-inverse">
                <li class="CeBian"></li>
                <!-- 公共部分图片位置，注意相对路径 -->
                <li class="CeBian">
                    <a href="../gonggong/员工管理整合.html"><img src="../../images/CeBian-YGGL.png">员工管理</a>
                </li>
                <li class="CeBian">
                    <a href="../gonggong/商品管理整合.html"><img src="../../images/CeBian-SPGL.png">商品管理</a>
                </li>
                <li class="CeBian">
                    <a href="../gonggong/销售管理整合.html"><img src="../../images/CeBian-XSGL.png">销售管理</a>
                </li>
                <li class="CeBian">
                    <a href="cuxiao.html"><img src="../../images/CeBian-CXHD.png">促销活动</a>
                </li>
                <li class="CeBian">
                    <a href="../gonggong/上货整合.html"><img src="../../images/CeBian-SH.png">上货</a>
                </li>
                <li class="CeBian">
                    <a href="../gonggong/收银整合.html"><img src="../../images/CeBian-SY.png">收银</a>
                </li>
            </ul>
        </div>
        <!-- 私有部分part2-->
        <div id="gonggong_right">
            <div id="gonggong_siyou">
                <div class="content">
                    <!-- 总标签 -->
                    <div class="cx_header">
                        <span class="glyphicon glyphicon-th-large" id="cx_tp"></span>
                        <span>促销活动</span>
                        <hr id="cx_hr">
                    </div>

                    <!-- 总导航条 -->
                    <div class="cx_gl">
                        <div class="cx_button">
                            <ul class="nav nav-pills">
                                <li class="active"><a href="#cx1" data-toggle="tab">活动管理类型</a></li>
                                <li><a href="#cx2" data-toggle="tab">活动管理</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- 主要板块 -->
                    <div class="tab-content" id="cx_biao">
                        <!-- 板块一 -->
                        <div id="cx1" class="tab-pane active">
                            <!-- 板块一导航条 -->
                            <ul class="nav nav-tabs" role="tablist">
                                <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">新增活动类型</a></li>
                                <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">查看活动类型</a></li>
                            </ul>

                            <!-- 板块一内容 -->
                            <div class="tab-content">
                                <!-- 板块一，新增活动类型 -->
                                <div role="tabpanel" class="tab-pane active" id="home">
                                    <form class="form-horizontal">
                                        <!-- 第一行 -->
                                        <div class="form-group" id="cx_bg">
                                            <label for="inputEmail3" class="col-sm-2 control-label">名称</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" id="cx_mc" placeholder="请输入内容">
                                            </div>
                                        </div>
                                        <!-- 第二行 -->
                                        <div class="form-group">
                                            <label for="inputPassword3" class="col-sm-2 control-label">描述</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" id="cx_miaosu" placeholder="请输入内容">
                                            </div>
                                        </div>
                                        <!-- 第三行 -->
                                        <div class="form-group" id="cx_zt">
                                            <span class="col-sm-2 control-label">状态</span>
                                            <label class="radio-inline" id="cu_zt1">
                                                <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="开启" checked> 开启
                                            </label>
                                            <label class="radio-inline" id="cu_zt2">
                                                <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="关闭"> 关闭
                                            </label>
                                        </div>
                                        <!-- 第四行 -->
                                        <div class="form-group">
                                            <div class="col-sm-offset-2 col-sm-10">
                                                <button type="button" class="btn btn-info" id="cx_tianjia" onclick="cx_addspp2()">添加</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <!-- 板块一，查看活动类型 -->
                                <div role="tabpanel" class="tab-pane" id="profile">
                                    <!-- 表格 -->
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>ID</th>
                                                <th>活动类型名称</th>
                                                <th>描述</th>
                                                <th>活动状态</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody id="mycx_activity">
                                            <tr>
                                                <td>100001</td>
                                                <td>打折</td>
                                                <td>指定商品打折的折扣</td>
                                                <td><button type="button" class="btn btn-success btn-xs">开启</button></td>
                                            </tr>
                                            <tr>
                                                <td>100002</td>
                                                <td>促销</td>
                                                <td>指定商品的促销方式</td>
                                                <td><button type="button" class="btn btn-warning btn-xs">锁定</button></td>
                                            </tr>
                                        </tbody>

                                    </table>
                                    <!-- 分页，添加商品按钮 -->
                                    <nav style="text-align:right" aria-label="Page navigation" id="cx_fenye">
                                        <ul class="pagination pagination-sm">
                                            <li>
                                                <button type="button" class="btn btn-info addbtn" data-toggle="modal" data-target="#cx_addsp" id="cx_add">添加商品</button>
                                            </li>
                                            <li id="prev" onclick="cx_prevPage()">
                                                <a href="#" aria-label="Previous">
                                                    <span aria-hidden="true">&laquo;</span>
                                                </a>
                                            </li>

                                            <li id="next" onclick="cx_nextPage()">
                                                <a href="#" aria-label="Next">
                                                    <span aria-hidden="true">&raquo;</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>

                        <!-- 板块二 -->
                        <div id="cx2" class="tab-pane">
                            <!-- 板块二导航条 -->
                            <div>
                                <ul class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="active"><a href="#xin" aria-controls="xin" role="tab" data-toggle="tab">新增活动</a></li>
                                    <li role="presentation"><a href="#cha7" aria-controls="cha7" role="tab" data-toggle="tab" onclick="dianji(1)">查看活动列表</a></li>
                                    <li role="presentation"><a href="#sheng" aria-controls="sheng" role="tab" data-toggle="tab">生成活动条形码</a></li>
                                </ul>
                            </div>
                            <!-- 板块二主要内容 -->
                            <div class="tab-content">
                                <!-- 板块二，新增活动 -->
                                <div class="tab-pane fade in active" id="xin">
                                    <form>
                                        <table class="cuxiao2-1">
                                            <!-- 第一行 -->
                                            <tr>
                                                <td>
                                                    <label for="Inputname">活动名称</label>
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control" id="addname" placeholder="请输入内容">
                                                </td>
                                                <td>
                                                    <label for="Inputkind">类别</label>
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control" id="addkind" placeholder="请输入内容">
                                                </td>
                                            </tr>
                                            <!-- 第二行 -->
                                            <tr>
                                                <td>
                                                    <label for="Inputstart">开启时间</label>
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control" id="addstart" placeholder="请输入内容">
                                                </td>
                                                <td>
                                                    <label for="Inputend">结束时间</label>
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control" id="addend" placeholder="请输入内容">
                                                </td>
                                            </tr>
                                            <!-- 第三行 -->
                                            <tr>
                                                <td>
                                                    <label for="Inputremark">备注</label>
                                                </td>
                                                <td>
                                                    <textarea class="form-control" rows="3" placeholder="请输入内容" id="addremark"></textarea>
                                                </td>
                                                <td>
                                                    <label for="Inputkind">状态</label>
                                                </td>
                                                <td>
                                                    <div class="radio">
                                                        <label>
                                                            <input type="radio" name="optionsRadios" id="addkai" value="开启" checked>
                                                             开启
                                                        </label>
                                                    </div>
                                                    <div class="radio">
                                                        <label>
                                                            <input type="radio" name="optionsRadios" id="addguan" value="关闭">
                                                            关闭
                                                        </label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <!-- 第四行 -->
                                            <tr>
                                                <td colspan="2">
                                                    <button type="button" class="btn btn-info btn-block" onclick="addAct()">添加</button>
                                                </td>
                                            </tr>
                                        </table>
                                    </form>
                                </div>

                                <!-- 板块二，查看活动列表 -->
                                <div class="tab-pane fade" id="cha7">
                                    <div id="cha8">
                                        <div class="cha1">
                                            <form action="">
                                                <table class="cuxiao2-3">
                                                    <tr>
                                                        <td><label for="actionname">一级商品类别</label></td>
                                                        <td>
                                                            <select class="form-control">
                                                                <option>请选择</option>
                                                                <option>1</option>
                                                            </select>
                                                        </td>
                                                        <td><label for="actionname">二级商品类别</label></td>
                                                        <td>
                                                            <select class="form-control">
                                                                <option>请选择</option>
                                                                <option>2</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            <button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal">查询商品</button>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </form>
                                        </div>
                                        <div class="cha2">
                                            <table class="table">
                                                <tr>
                                                    <th>商品ID</th>
                                                    <th>条形码</th>
                                                    <th>商品名称</th>
                                                    <th>数量</th>
                                                    <th>选择</th>
                                                </tr>
                                                <tr>
                                                    <td>100001</td>
                                                    <td>条形码</td>
                                                    <td>商品名称</td>
                                                    <td>100</td>
                                                    <td>
                                                        <button type="button" class="btn btn-danger btn-xs">删除</button>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td><button type="button" class="btn btn-danger" id="cx_queding" onclick="dianji(1)">确定</button></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>

                                    <div id="cha9">
                                        <table class="table">
                                            <tr>
                                                <th>活动编号</th>
                                                <th>活动名称</th>
                                                <th>类别</th>
                                                <th>开启时间</th>
                                                <th>结束时间</th>
                                                <th>备注</th>
                                                <th>状态</th>
                                                <th>操作</th>
                                            </tr>

                                            <tbody id="activetable">
                                            </tbody>

                                        </table>

                                        <nav style="text-align: center;" aria-label="Page navigation">
                                            <ul class="pagination pagination-sm">
                                                <li id="pre" onclick="prePage()">
                                                    <a href="#" aria-label="Previous">
                                                        <span aria-hidden="true">&laquo;</span>
                                                    </a>
                                                </li>

                                                <li id="nex" onclick="nextPage()">
                                                    <a href="#" aria-label="Next">
                                                        <span aria-hidden="true">&raquo;</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </nav>
                                    </div>

                                </div>

                                <!-- 板块二，生成活动条形码 -->
                                <div class="tab-pane fade" id="sheng">
                                    <form action="">
                                        <table class="cuxiao2-3">
                                            <tr>
                                                <td><label for="actionname">选择活动名称</label></td>
                                                <td>
                                                    <select class="form-control">
                                                        <option>请选择</option>
                                                        <option>3.8节8.88折</option>
                                                    </select>
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-success">生成条形码</button>
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-info">打印条形码</button>
                                                </td>
                                            </tr>
                                        </table>
                                    </form>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 模态框 -->
    <!-- 第二板块，查看活动列表-管理-查询商品 -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
        <div class="modal-dialog" role="document">
            <div class="modal-content" id="cx_modal">
                <div class="modal-header">
                    <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> -->
                    <h4 class="modal-title" id="myModalLabel">商品</h4>
                </div>
                <div class="modal-body" id="cx_sp">
                    <table class="cuxiao2-5">
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
                                </label>
                            </td>
                            <td>商品名称</td>
                            <td>商品条码</td>
                            <td>单价</td>
                            <td>库存</td>

                        </tr>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
                                </label>
                            </td>
                            <td>桃李面包</td>
                            <td>SPIfewfewffwefew489498456</td>
                            <td>5.0</td>
                            <td>20</td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
                                </label>
                            </td>
                            <td>桃李面包</td>
                            <td>SPIfewfewffwefew489498456</td>
                            <td>5.0</td>
                            <td>20</td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
                                </label>
                            </td>
                            <td>桃李面包</td>
                            <td>SPIfewfewffwefew489498456</td>
                            <td>5.0</td>
                            <td>20</td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
                                </label>
                            </td>
                            <td>桃李面包</td>
                            <td>SPIfewfewffwefew489498456</td>
                            <td>5.0</td>
                            <td>20</td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
                                </label>
                            </td>
                            <td>桃李面包</td>
                            <td>SPIfewfewffwefew489498456</td>
                            <td>5.0</td>
                            <td>20</td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
                                </label>
                            </td>
                            <td>桃李面包</td>
                            <td>SPIfewfewffwefew489498456</td>
                            <td>5.0</td>
                            <td>20</td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
                                </label>
                            </td>
                            <td>桃李面包</td>
                            <td>SPIfewfewffwefew489498456</td>
                            <td>5.0</td>
                            <td>20</td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
                                </label>
                            </td>
                            <td>桃李面包</td>
                            <td>SPIfewfewffwefew489498456</td>
                            <td>5.0</td>
                            <td>20</td>
                        </tr>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary">添加</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 第一板块，查看活动类型-增加 -->
    <div class="modal fade" id="cx_addsp" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                  aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">添加商品信息</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="spID" class="control-label">ID</label>
                            <input type="text" class="form-control" disabled id="addSpID">
                        </div>
                        <div class="form-group">
                            <label for="spName" class="control-label">活动类型名称</label>
                            <input type="text" class="form-control" id="addSpName">
                        </div>
                        <div class="form-group">
                            <label for="spContent" class="control-label">描述</label>
                            <input type="text" class="form-control" id="addSpContent">
                        </div>
                        <div class="form-group">
                            <label for="spType" class="control-label">活动状态</label>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="optionsRadios1" id="addkai1" value="开启" checked>
                                     开启
                                </label>
                            </div>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="optionsRadios1" id="addguan1" value="关闭">
                                    关闭
                                </label>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" onclick="cx_addspp()">确认添加</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 第一板块，查看活动类型-修改 -->
    <div class="modal fade" id="cx_exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                  aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">修改商品信息</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="spID" class="control-label">ID</label>
                            <input type="text" class="form-control" disabled id="spID">
                        </div>
                        <div class="form-group">
                            <label for="spName" class="control-label">活动类型名称</label>
                            <input type="text" class="form-control" id="spName">
                        </div>
                        <div class="form-group">
                            <label for="spContent" class="control-label">描述</label>
                            <input type="text" class="form-control" id="spContent">
                        </div>
                        <div class="form-group">
                            <label for="spType" class="control-label">活动状态</label>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="optionsRadios2" id="addkai2" value="开启" checked>
                                     开启
                                </label>
                            </div>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="optionsRadios2" id="addguan2" value="关闭">
                                    关闭
                                </label>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" onclick="cx_changeSp()">确认修改</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 第二板块，查看活动列表-修改 -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" data-backdrop="static">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">修改活动信息</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="actId" class="control-label">活动编号：</label>
                            <input type="text" class="form-control" id="actId" disabled>
                        </div>
                        <div class="form-group">
                            <label for="actName" class="control-label">活动名称：</label>
                            <input type="text" class="form-control" id="actName">
                        </div>
                        <div class="form-group">
                            <label for="actKind" class="control-label">类别：</label>
                            <input type="text" class="form-control" id="actKind">
                        </div>
                        <div class="form-group">
                            <label for="actStart" class="control-label">开启时间：</label>
                            <input type="text" class="form-control" id="actStart">
                        </div>
                        <div class="form-group">
                            <label for="actEnd" class="control-label">结束时间：</label>
                            <input type="text" class="form-control" id="actEnd">
                        </div>
                        <div class="form-group">
                            <label for="actRemark" class="control-label">备注：</label>
                            <input type="text" class="form-control" id="actRemark">
                        </div>
                        <div class="radio">
                            <label>
                                <input type="radio" name="optionsRadios2" id="addkai" value="开启" checked>
                                 开启
                            </label>
                            <label>
                                <input type="radio" name="optionsRadios2" id="addguan" value="关闭">
                                关闭
                            </label>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-info" onclick="changeAct()">确认</button>
                </div>
            </div>
        </div>
    </div>
    <script src="../../bootstrap-3.4.1-dist/js/jquery-3.4.1.min.js"></script>
    <script src="../../javaScript/cuxiao.js"></script>
    <script src="../../bootstrap-3.4.1-dist/js/bootstrap.js"></script>
</body>

</html>